<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!-- jinja2 是 Python 的一个流行的模板引擎-->
<!-- 基本语法结构:-->
<!-- 1.变量输出: 双大括号 -->
<!-- 2.注释:  {# 注释内容 #}-->
<!--
     3. 控制结构(分支,循环)
        {% if condition %}
            ...
        {% elif another_condition %}
            ...
        {% else %}
            ...
        {% endif %}


        {% for item in sequence %}
            {{ item }}
        {% endfor %}
-->
<!--
    4.常用过滤器
        如何转大写
        如何转小写
        首位去空格
        指定列表的连接字符
-->
    <h1>{{title|trim}}</h1>

    <h2>{# 这是一行注释 #}</h2>

    <h3>{{sequence|join('-') }}</h3>

    {% if condition %}
        <strong>if语句</strong>
    {% elif another_condition %}
        <strong>elif语句</strong>
    {% else %}
        <strong>else语句</strong>
    {% endif %}

    {% for item in sequence %}
        <br />
        <i>{{ item }}</i>
    {% endfor %}
</body>
</html>